<script type="text/javascript" src="${pageContext.request.contextPath}/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css">
<script type="text/javascript">
SyntaxHighlighter.all();
</script>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/blog.css">
<style>
    main .main {
        margin-top: 70px;
        position: relative;
    }
  .frame {
        position: relative;
        margin: 40px auto;
        margin-bottom: 40px;
        padding: 20px 20px;
        width: 620px;
        height: 320px;
    }
    .frame .arc {
        color: white;
        position: absolute;
        top: 20px;
        left: 35px;
        z-index: 1;
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-radius: 50%;
        background: #db9a0f;
        box-shadow: 0px 0px 5px 1px #ebe15f inset;
    }
     .frame .box {
        position: relative;
        top: 45px;
        height: 180px;
        border-radius: 20px;
        background: rgba(235, 228, 228, 0.6);
    }
 .frame .box textarea {
        width: 100%;
        height: 180px;
        font-size: 16px;
        border-radius: 20px;
        resize: none;
        padding: 20px;
        background: rgba(235, 228, 228, 0.6);
    }
    .frame .biaoqing {
        position: relative;
        top: 40px;
        margin-top: 15px;
    }
     .frame .biaoqing a {
        margin: 0px 10px;
        cursor: pointer;
    }
    .frame .biaoqing a i {
        font-size: 30px;
        color: #104D91;
    }
   .frame .biaoqing .btn {
        cursor: pointer;
        position: absolute;
        right: 10px;
        font-size: 14px;
        padding: 6px 14px;
        background: rgba(0, 0, 0, 0.5);
        border-radius: 10px;
        color: white;
    }
    .frame .biaoqing .btn:hover {
        background: rgba(238, 179, 18, 0.5);
        color: #232B6A;
    }
</style>

<div class="data_list"style="background-color: rgba(255,255,255,0.1);">
    <div class="data_list_title">
        <img src="/web/static/images/blog_show_icon.png"/>
        博客信息
    </div>
    <div>

        <div class="blog_title"><h3><strong>${blog.title }</strong></h3></div>
        <div class="blog_share">
            <div class="bshare-custom"><a title="分享到QQ空间" class="bshare-qzone"></a><a title="分享到新浪微博" class="bshare-sinaminiblog"></a><a title="分享到人人网" class="bshare-renren"></a><a title="分享到腾讯微博" class="bshare-qqmb"></a><a title="分享到网易微博" class="bshare-neteasemb"></a><a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a><span class="BSHARE_COUNT bshare-share-count">0</span></div><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/buttonLite.js#style=-1&amp;uuid=&amp;pophcol=2&amp;lang=zh"></script><script type="text/javascript" charset="utf-8" src="http://static.bshare.cn/b/bshareC0.js"></script>
        </div>
        <div class="blog_info">
            <p> 发布时间：『 <fmt:formatDate value="${blog.releaseDate }" type="date" pattern="yyyy-MM-dd HH:mm"/>』&nbsp;&nbsp;</p>
            <p>博客类别：${blog.blogType.typeName }&nbsp;&nbsp;阅读(${blog.clickHit }) </p>

        </div>

        <div class="blog_content">
            ${blog.content }
        </div>
        <div class="blog_coment">
            <div class="frame">
                <div class="arc">评论</div>
                <div class="box">
                    <textarea node-type="textarea" placeholder="一起来吐槽的神马,来盖楼吧" class="msg" style="background-color: rgba(255,255,255,0)"></textarea>
                </div>
                <div class="biaoqing">
                    <a><i class="iconfont icon-lianxiaolianmanyi-"></i></a>
                    <a><i class="iconfont icon-tupian"></i></a>
                    <a class="btn"><span class="oButton">发布</span></a>
                </div>
            </div>

            <p>评论区：</p>

            <%
                String []comment={"神马都是浮云:为大佬扣6",
                        "源码在哪里呀！",
                        "哭了，github同步不上Gridea表情包是不是我最初把仓库名打成gethub了表情包尽管修改过仓库名了呜呜呜呜呜",
                        "学习一下。",
                        "向优秀的人学习",
                        "大佬，你的头像太有意思了",
                        "你这不行啊",
                        "优质好文，码文不易，期待我佬的持续产出",
                        "干货满满，支持大佬",
                        "收获满满，支持大佬持续输出好文！",
                        "支持大佬，满满的干货",
                        "三人行必有我师焉，其实你一言我一语的互动过程，就是一个相互学习进步的过程！愿与君共勉之！",
                        "细节满满收藏了慢慢看",
                        "非常有用的知识",
                        "文章内容丰富，条理清晰，值得一波关注，如沐春风，配图也很有趣，希望作者也指点我一番！",
                };
                String []User={
                        "Xiaoymh:",
                        "黃埔＆少華:",
                        "小佟同学:",
                        "三里河东路:",
                        "一步莲华:",
                        "陈大风:",
                        "Comzh:",
                };
                int cishu=(int)(Math.random()*5);
            for(int j=0;j<=cishu;j++){
                int com=(int)(Math.random()*comment.length);
                int use=(int)(Math.random()*User.length);
            %>
            <%=User[use]%>
            </br>
            <%=comment[com]%>
            </br>
            </br>
            <%
            }
            %>


        </div>
        <div class="blog_lastAndNextPage">
            ${pageCode }
        </div>

    </div>

</div>